<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head th:include="include/header_css::header('产品管理')"></head>
<body>
<div id="dpLTE" class="container-fluid" v-cloak>
	<div class="row">
		<div class="col-md-10 form-inline pull-left">
			<div class="form-group">
				<span>请选择公司品牌：</span>
				<input type="radio" id="pickering_radio" checked="checked" name="group1" value="pickering"
                       v-model="company"/>pickering
				<input type="radio" id="vpc_radio" name="group1" value="vpc" v-model="company"/>vpc
            </div>
			<div class="form-group">
                <span>请输入产品型号：</span>
		    	<input v-model="pn" @keyup.enter="load" class="form-control" placeholder="请输入型号" style="width: 200px;" />
			</div>
			<div class="form-group">
                <span>请输入数量：</span>
		    	<input v-model="quantity" @keyup.enter="load" class="form-control" placeholder="请输入数量" th:default="1"
					   style="width: 100px;" checkexpression="NUM"/>
			</div>
			<div class="form-group">
			    <a class="btn btn-primary" @click="load"><i class="fa fa-search"></i>&nbsp;查询</a>
			</div>
		</div>
		<div class="col-md-2">
			<div class="btn-toolbar pull-right">
				<div class="btn-group">
		            <a class="btn btn-default" onclick="reload();"><i class="fa fa-refresh"></i>&nbsp;刷新</a>
		        </div>
		        <div class="btn-group">
		        	<a class="btn btn-default" @click="clear"><i class="fa fa-pause"></i>&nbsp;清空</a>
		        </div>
	        </div>
		</div>
	</div>
	<div class="row">
		<table id="dataGrid"></table>
	</div>
</div>
<div th:include="include/footer_js::footer"></div>
<script th:src="@{/js/product/list.js}"></script>
</body>
</html>